html, body, #app { height:100%; }
body { margin:0; }
[v-cloak] { display:none; }
* { font-size:.9rem; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
body { background:#f2f2f2; }
.el-table .fatal-row .cell { color:#e4393c!important; font-weight:600; }
.el-table .info-row .cell { color:#545c64!important; font-weight:600; }
.el-button--mini, .el-button--mini.is-round { padding:4px 6px; font-size:.8rem!important; }
#app .el-card.box-card .el-card__body { padding:15px; text-align:left; }
.el-button+.el-button { margin-left:5px!important; }
.pagination { text-align:center; margin:10px 0 0 0; }
.pagination a{ text-decoration:none!important; color:#606266!important; width:100%; height:100%; display:inline-block; }
.pagination li.active a{ color:#fff!important; }
.pagination .btn-prev { margin:0 5px 0 0!important; }
.pagination .btn-next { margin:0 0 0 5px!important; }
footer.site-footer { width:100%; position:fixed; bottom:0; right:0; text-align:center; padding:10px 0; }
footer.site-footer a { color:#555; text-decoration:none; }
.el-pagination.is-background { line-height:28px; }
.el-pagination.is-background > el-tag { margin:0 10px 0 0; }
.el-pagination > .mini { margin:0 20px 0 0; }
.el-pagination .el-tag{ margin:4px 10px 0 0; display:inline-block; color:#828282; }
.fade-enter-active, .fade-leave-active { transition: opacity .5s; }
.fade-enter, .fade-leave-to { opacity: 0; }
.el-pagination.is-background .el-pager li:not(.disabled).active,
button.el-button.el-button--primary { background:var(--main-color)!important; border:1px solid var(--main-color); }
.el-table .ascending .sort-caret.ascending { border-bottom-color: var(--main-color)!important; }
.el-menu--vertical > ul { background-color:#23262e!important; }
.el-aside { transition:width 0.2s; -webkit-transition:width 0.2s; -moz-transition:width 0.2s; -webkit-transition:width 0.2s; -o-transition:width 0.2s; }
.el-menu { transition:all 5ms; }
.el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner { background-color:var(--main-color)!important; border-color:var(--main-color)!important; }
.el-select-dropdown__item.selected,
.el-menu-item.is-active { color:var(--main-color)!important; }
.el-select .el-input.is-focus .el-input__inner,
.el-select .el-input__inner:focus,
.el-input.is-active .el-input__inner,
.el-input__inner:focus { border-color:var(--main-color)!important; }
.el-menu--vertical > ul > li > ul > li { line-height:32px; height:32px; font-size:.8rem; }
.el-menu-item-group__title { padding:0!important; }
div.cell > button { padding:4px 6px; }
.pull-right { float:right!important; }
.router_animate-enter-active { animation:slideInLeft 0.5s; }
.router_animate-leave-active { animation:slideOutLeft 0.3s; }
#nprogress .bar { background:var(--main-color)!important; height:2px!important; }
#nprogress .peg { box-shadow: 0 0 10px var(--main-color), 0 0 5px var(--main-color)!important; }
#nprogress .spinner-icon { border-top-color:var(--main-color)!important; border-left-color:var(--main-color)!important; }
